<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Psychic_transmitter.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Di's Cloud</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="psychic_transmitter/psychic_transmitter.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    <h1>Di's Cloud</h1>
   	  <div id="divLogin" style="display: none"  align="center">
   		<p ALIGN="left" style="margin-top:0px; margin-bottom:0px"><b>Login Page</b></a></p>
        <p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
        <table align="center">
          <tr>
            <td colspan="2" style="font-weight:bold;">Please enter your login and password:</td>        
          </tr>
          <tr>
            <td id="nameFieldContainer"></td>   
          </tr>
          <tr>
         	<td id="passwordFieldContainer"></td>
          </tr>
          <tr>
         	<td id="loginsignUpButtonsContainer" align="center"></td>
          </tr>
          <tr>
            <td colspan="2" style="color:red;" id="errorLabelContainer"></td>
          </tr>
        </table>
      </div>
    
      <div id="divRegistration" style="display: none" align="center">
        <p ALIGN="left" style="margin-top:0px; margin-bottom:0px"><b>Registration Page</b></a></p>
        <p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
        <table align="center">
          <tr>
            <td colspan="2" style="font-weight:bold;">Please provide the following information:</td>        
          </tr>
          <tr>
            <td id="firstNameFieldContainer"></td>   
          </tr>
          <tr>
            <td id="lastNameFieldContainer"></td>   
          </tr>
          <tr>
            <td id="loginFieldContainer"></td>   
          </tr>
          <tr>
         	<td id="passwordFieldContainer"></td>
          </tr>
          <tr>
         	<td id="RegisterButtonContainer"></td>
          </tr>
          <tr>
            <td colspan="2" style="color:red;" id="errorLabelContainer"></td>
          </tr>
        </table>
      </div>
      
      <div id="divLobby" style="display: none">
        <p ALIGN="left" style="margin-top:0px; margin-bottom:0px"><b>My Lobby</b></a></p>
        <p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
      </div>
      <div id="divCloudMessenger" style="display: none" position: fixed; top: 50%; left: 50%; margin-left: -(dialogwidth/2); margin-top: -(dialogheight/2);>
        <p ALIGN="left" style="margin-top:0px; margin-bottom:0px"><b>Cloud Messenger</b></a></p>
        <p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
      </div>

    

    
  </body>
</html>
